@charset "utf-8";
@font-face{ font-family:Impact; src:url(../font/impact.ttf);}
@font-face{ font-family:PingFang; src:url(../font/PingFang Regular.ttf);}
@media (max-width:1920px){html{font-size:16px;}}
@media (min-width:1400px) and (max-width:1600px){html{font-size:15px;}}
@media (min-width:640px) and (max-width:1399px){html{font-size:14px;}}
@media (min-width:471px) and (max-width:639px){html{font-size:13px;}}
@media (min-width:329px) and (max-width:470px){html{font-size:12px;}}
@media (max-width:328px){html{font-size:12px;}}

/*==========================================公共 开始=============================================*/
.ar_wap{display: none}
.a_body{ position:relative; z-index:0;}
.section{ overflow:hidden;}

.header{z-index: 100000000;padding: 0;position: fixed;height: 75px;transition: 0.6s;width: 100%;}
.header:before{content:"";position:absolute;top:0;left: 50%;margin-left: -100px;width: 200px;height: 75px;background: #fff;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.header .h-container{padding: 0 25px;width: 1200px;margin: 0 auto;}
.header .logo {display: block;float: left;width: 120px;height: 75px;line-height: 75px;position:relative;}

.nav{float: left;position:relative;}
.nav li{position: relative;float: left;display: block;}
.nav>ul>li>a{display: block;height: 75px;line-height: 84px;text-align: center;padding: 0 1.25rem;position: relative;z-index: 1;font-size: 16px;color: #1c1c1c;}
.nav>ul>li>a:before {content: "";width: 4px;height: 0;background-color: #124ca0;position: absolute;left: 50%;top: 0px;margin-left: -2px;-webkit-transition: 0.6s;transition: 0.6s;}
.nav>ul>li>a:hover:before,.nav>ul>li.on>a:before{height: 20px;}
.nav>ul>li.nav_li>a:after{content:"";position:absolute;top:0;bottom:0;right: 5px;width:8px;background: url(../images/nav_down.png) center 52% no-repeat;}
.nav>ul>li .rd-navbar-dropdown{position: absolute;top: 100%;left: 1.25rem;width: auto;padding: 37px 32px 23px;z-index: 5;margin-top: 20px;text-align: left;box-shadow: 0 13px 16px 0 rgba(0, 0, 0, 0.13);transform: translate3d(0, 0, 0);visibility: hidden;opacity: 0;transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);}
.nav>ul>li .rd-navbar-dropdown li{ display:block; float:none}
.nav>ul>li .rd-navbar-dropdown::before {content: '';background: #ffffff;position: absolute;top: 20px;right:0;bottom:0;left:0;}
.nav>ul>li .rd-navbar-dropdown::after {content: '';position: absolute;top: 8px;left: 0;width: 0;height: 0;border-style: solid;border-width: 12px 0 0 18px;border-color: transparent transparent transparent #ffffff;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a::before, .nav>ul>li .rd-navbar-dropdown li > a{ transition: .15s ease-in-out;}
.nav>ul>li .rd-navbar-dropdown li > a, .nav>ul>li .rd-navbar-dropdown li > a:focus, .nav>ul>li .rd-navbar-dropdown li > a:active{ color: #151515;}
.nav>ul>li .rd-navbar-dropdown li > a{position: relative;display: flex;padding: 2px 0 2px 17px;text-align: left;line-height: 26px;white-space: nowrap;}
.nav>ul>li .rd-navbar-dropdown li > a::before{ content: ''; position: absolute; top: 10px; left: 0; display: inline-block; width: 0; height: 0; font-size: 0; line-height: 0; border-style: solid; border-width: 4px 0 4px 10px; border-color: transparent transparent transparent #b7b7b7;}

.nav>ul>li .rd-navbar-dropdown li > a:hover{ color:#104a9e}
.nav>ul>li .rd-navbar-dropdown li > a:hover::after{ border-color: transparent transparent transparent #104a9e;}
.nav>ul>li .rd-navbar-dropdown.focus{margin-top:0;visibility:visible;opacity:1;}

.header.width{position:fixed;top:0;width: 100%;box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.header.width:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.header .content{background:#fff;border-radius:6px;padding: 0 20px;}
.header .content .right dl{float:left;font-size:0;line-height: 75px;margin-left: 1rem;position:relative;z-index: 10;}
.header .content .right dl dd{display:inline-block;margin-right: 0.875rem;cursor: pointer;}
.header .content .right dl dd a{display:inline-block;height: 46px; position:relative; vertical-align:middle}
.header .content .right dl dd a img{vertical-align:top;position: relative;}
.header .content .right dl dd a .con{position:absolute;right:0;top:0;bottom:0;width:100%;border-radius:23px;background: #104a9e;transition:0.6s;opacity:0;font-size:16px;color:#fff;text-align:left;padding-left:20px;line-height:46px;white-space: nowrap;}

.header .content .right dl dd a:hover .con{ width:180px; opacity:1}

/*==========================================公共 结束=============================================*/


/*==========================================首页 开始=============================================*/

.banner ul li.miso-slide{ height:810px;}
.banner ul li.miso-slide img{ display:none}
.banner ul.miso-dots{bottom:5.625rem;height: 5px;width: auto;left: 50%;transform: translateX(-50%);}
.banner ul.miso-dots li{width:40px;height:5px;margin:0;text-align: center;}
.banner ul.miso-dots li button{display:  inline-block;border: none;height: 4px;line-height: 2px;width: 100%;position: absolute;padding: 0;font-size: 18px;color: #fff;bottom: 20px;left: 0;right: 0;text-align: center; opacity:0}
.banner ul.miso-dots li:before{content:"";position:absolute;left:0; width:0; bottom: 0;background: transparent;height: 4px; transition:0.6s;}

.banner ul.miso-dots{ border-bottom:rgba(255,255,255,0.2) 1px solid; height:3px;}
.banner ul.miso-dots:before{content:"01";position:absolute;bottom: 5px;height:1px;left: -34px;font-size:14px;color:#fff;}
.banner ul.miso-dots:after{content:"";position:absolute;bottom: 5px;height:1px;right: -34px;font-size:14px;color:#fff;}
.banner ul.miso-dots li.miso-active:before{ background:#fff; width:100%}
.banner ul.miso-dots li.miso-active button{ opacity:1}

.container00 .title{ text-align:center; margin-bottom:3.625rem}
.container00 .title h5{font-size:1.125rem;color:#000000;margin-bottom: 0.5rem;font-weight: bold;}
.container00 .title h3{ font-size:1.875rem; color:#ee7600; font-family:Futura Md BT; font-weight:bold; text-transform:uppercase}

.container01 .fl01{ padding:5.625rem 0 0; background:url(../images/container01_bg.jpg) center no-repeat; background-size:cover}

.container02{ position:relative; overflow:hidden}
.container02 .left{width: 270px;position:absolute;top:0;bottom:0;background: #104a9e;}
.container02 .left ul li{height:74px;margin-bottom:1rem;border: none; cursor:pointer}
.container02 .left ul li:before{ content:""; position:absolute; width:0; height:1px; background:#ef7600; top:50%; left:0; transition:1s}
.container02 .left ul li a{ display:block;}
.container02 .left ul{ width:100% !important}
.container02 .left ul .miso-track{transform:translate3d(0, 0, 0) !important;width: 100% !important;}
.container02 .left ul li a .icon{display:inline-block;width:74px;height:74px;border:#406eb1 1px solid;border-radius:37px;position:relative;line-height: 72px;background: #104a9e;}
.container02 .left ul li a .icon .ii{ overflow:hidden; border-radius:50%}
.container02 .left ul li a .icon .table{overflow:hidden;position: absolute;top: 0;left: 0;line-height: initial;}
.container02 .left ul li a .icon:before{content:"";position:absolute;width:20px;height:20px;border-radius:50%;background:rgba(255,255,255,0.15);left: -10px;top: 50%;margin-top: -10px; transition:0.6s; transform:scale(0)}
.container02 .left ul li a .icon:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;left: -4px;top: 50%;margin-top: -4px; transition:0.6s; transform:scale(0)}
.container02 .left ul li a .icon img{vertical-align:middle;display:inline-block;max-width: 33px;max-height:33px;transition: 1s;margin-top: -3px;opacity:1;transform:scale(1) translateY(0);}
.container02 .left ul li a .icon h5{font-size: 0.875rem;color: #fff;transition: 1s;visibility: hidden;opacity: 0;line-height: 1.5rem;transform: scale(0);}
.ban_po .wrap p{ font-size:18px; color:#85cff5; font-family:DINOT; font-weight:bold}
.ban_po .wrap p .current,.ban_po .wrap p font{ color:#fff}
.ban_po.ban_po01{margin-top: 10rem;position:relative;}
.ban_po.ban_po01:before{content:"";position:absolute;top:-100px;width:1px;height: 6.25rem;background: rgba(255,255,255,0.3);left:50%;}
.ban_po.ban_po01 .wrap p{font-size: 8.75rem;color: #5e7bb4;font-family:DINOT;font-weight:bold;}
.ban_po.ban_po01 .wrap p .current,.ban_po.ban_po01 .wrap p font{color: #5e7bb4;}

.container02 .left ul li.miso-current:before{ width:30%}
.container02 .left ul li.miso-current a .icon:before{ transform:scale(1)}
.container02 .left ul li.miso-current a .icon:after{ transform:scale(1)}
.container02 .left ul li.miso-current a .icon h5{visibility: visible;opacity: 1;transform: scale(1);padding: 0 15px;line-height: 15px;}
.container02 .left ul li.miso-current a .icon{ width:180px; background:#ef7600; border:#ef7600 1px solid}
.container02 .left ul li.miso-current a .icon img{visibility: hidden;opacity:0;transform: scale(0.5) translateY(-100px);}

.container02 .right{width: calc(100% - 270px);position:relative;background:#f7f9fa;}
.container02 .right .box{position:relative;cursor: pointer;}
.container02 .right .slider_for .box .top{position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.3);}
.container02 .right .slider_for .box .top h3{margin-bottom: 3.25rem;height: 3.75rem;}
.container02 .right .slider_for .box .top h2{font-size: 2.25rem;color:#fff;font-weight: bold;margin-bottom: 6.25rem;}
.container02 .right .slider_for .box .top p{font-size:14px;line-height: 22px;color:#ffffff;margin-bottom: 7.75rem;}
.container02 .right .slider_for .box .top .table_cell{padding: 0 26%;}
.container02 .right .slider_for .box .top a{display:inline-block;width: 150px;height: 40px;line-height: 38px;border-radius: 20px;font-size:14px;color:#fff;transition:0.6s;border: rgba(255,255,255,0.3) 1px solid;position: relative;overflow: hidden;}
.container02 .right .slider_for .box .top a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container02 .right .slider_for .box .top a span{ position:relative}

.container02 .right .slider_for{ margin-bottom:15px;}
.container02 .right .slider_for .miso-prev, .container02 .right .slider_for .miso-next{ width:19px; height:32px; margin-top:-16px; opacity:0.7; transition:0.36s}
.container02 .right .slider_for .miso-prev{ background:url(../images/left01.png) center no-repeat; left:9.5rem}
.container02 .right .slider_for .miso-next{ background:url(../images/righ01.png) center no-repeat; left:auto; right:9.5rem}
.container02 .right .slider_for .miso-prev:hover, .container02 .right .slider_for .miso-next:hover{ opacity:1}

.container02 .right .slider_for ul{ margin-bottom:18px; background:#000}
.container02 .right .slider_for ul li .img{height:calc(100vh - 9.375rem - 75px - 18px);transition: 1s;}
.container02 .right .slider_nav ul{ margin:0 -8px; padding:0 18px}
.container02 .right .slider_nav li{ padding:0 8px;}
.container02 .right .slider_nav li .box{ cursor:pointer}
.container02 .right .slider_nav li .box .img{ overflow:hidden; transition:0.9s}
.container02 .right .slider_nav li .box .img img{width:100%;height: 9.375rem;object-fit: cover;}
.container02 .right .slider_nav .box .top{position:absolute;top:0;left:0;width:100%;height:100%; background: rgba(0,0,0,0.4); overflow:hidden}
.container02 .right .slider_nav .box .top:after{ content:""; position:absolute;top:0;left:0;width:100%;height:100%;background:transprent; transform:translateX(-100%); transition:0.6s}
.container02 .right .slider_nav .box .top h2{font-size: 1.125rem;color:#fff;}
.container02 .right .slider_nav .box .top .table{ position:relative; z-index:100}

.container02 .right .slider_nav li.miso-current .box .top:after{background: rgba(239, 118, 0, 0.8); transform:translateX(0)}
.container02 .right .slider_nav li .box:hover .img img{ transform:scale(1.06)}

.container03{ padding:3.75rem 0 4rem; background:#f6f8fa; overflow:hidden}
.container03 ul{font-size:0;margin:0 -19px;margin-bottom: 1rem;}
.container03 ul li{display:inline-block;width:33.333333%;padding:0 19px;margin-bottom:1.875rem;overflow: hidden;}
.container03 ul li a{ display:block; overflow:hidden}
.container03 ul li a .img,.container03 ul li a .img img{overflow:hidden;width:100%;height: 300px;object-fit: cover;}
.container03 ul li a .con{ background:#fff; padding:4rem 1.75rem 2.75rem; text-align:center; position:relative; border:#eeeeee 1px solid; position:relative}
.container03 ul li a .con:before{content:"";position:absolute;bottom:0;top:0;left:0;right:0;background: #f28e15;transition:1s;transform:translateY(102%);}
.container03 ul li a .con h5{font-size:1.125rem;color:#000000;margin-bottom:1.675rem;position:relative;transition:0.6s;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.container03 ul li a .con p{ font-size:14px; line-height:24px; color:#737373; height:72px; overflow:hidden; text-align:left; position:relative; transition:0.6s}
.container03 ul li a .con .icon{display:inline-block;position:absolute;width:40px;height:40px;border-radius:50%;left:50%;margin-left:-20px;top:-20px;line-height: 40px; z-index:1}
.container03 ul li a .con .icon:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: rgba(16, 74, 158, 0.1);border-radius:50%;transform: scale(1.5); transition:0.6s}
.container03 ul li a .con .icon:after{ content:""; position:absolute; top:0; right:0; bottom:0; left:0; background:#104a9e; border-radius:50%; transition:0.6s}
.container03 ul li a .con .icon span{font-size: 1.5rem;color:#fff;position:relative;z-index: 10;transition:0.6s;display: inline-block;}

.container03 .more{ text-align:center}
.container03 .more a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;}
.container03 .more a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container03 .more span{ position:relative}

.container04{background: -webkit-linear-gradient(left, #2d36b6, #158ed0); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #2d36b6, #158ed0); /* Opera 11.1 - 12.0 */background: -moz-linear-gradient(right, #2d36b6, #158ed0); /* Firefox 3.6 - 15 */background: linear-gradient(to right, #2d36b6, #158ed0); /* 标准的语法 */position:relative;height: 200px;overflow:hidden}
.container04 canvas{ position:absolute; left:0; top:0; width:100%; height:100%}
.container04 .content{ height:200px; position:relative}
.container04 .content img{position:absolute;left:0;bottom: -52px;}
.container04 .content h3{ font-size:2rem; color:#fff; font-weight:bold; margin-bottom:12px; position:relative}
.container04 .content h5{ font-size:12px; line-height:16px; color:rgba(255,255,255,0.7); text-transform:uppercase; position:relative}

.container05{padding:5rem 0 7rem;background:#f5f8fd;overflow:hidden;position: relative;}
.container05 .fl01{ background:#ffffff; border-top:#dedede 1px solid; border-bottom:#dedede 1px solid; padding:2.125rem 0 2rem}
.container05 .title{ margin-bottom:2.25rem}
.container05 .fl01 ul{font-size:0;margin: 0 -9%;overflow: hidden;}
.container05 .fl01 ul li{display:inline-block;width:16%;border-right:#bbbbbb 1px solid;position:relative;}
.container05 .fl01 ul li:before{content:"";position:absolute;width:4px;height:22px;background:#fff;top:50%;margin-top:-11px;right: -2px;}
.container05 .fl01 ul li:after{content:"";position:absolute;width:10px;height:10px;background:url(../images/fangkuang.png) center no-repeat;top:50%;margin-top: -5px;right: -5px;}
.container05 .fl01 ul li:last-child{ border:none}
.container05 .fl01 ul li a{display:block;position:relative;padding: 0 20px;}
.container05 .fl01 ul li a h3{font-size:3rem;color:#104a9e;font-family:Futura Md BT;margin-bottom: 5px;}
.container05 .fl01 ul li a h3 span{font-family:Futura Md BT;font-weight: bold;}
.container05 .fl01 ul li a h3 font{font-size:1rem;color:#4d4d4d;vertical-align: top;}
.container05 .fl01 ul li a h5{ font-size:16px; color:#4d4d4d;}
.container05 .fl02{ padding:4rem 0 0}
.container05 .fl02 .left{width:50%;position: relative;z-index: 100;}
.container05 .fl02 .left img{ width:100%}
.container05 .fl02 .right{width:50%;padding:3rem 0 0 5.625rem;position: relative;z-index: 100;}
.container05 .fl02 .right h5{ font-size:1.125rem; color:#131313;}
.container05 .fl02 .right h3{ font-size:1.5rem; color:#104a9e; margin:2.75rem 0 1.75rem}
.container05 .fl02 .right p{font-size:14px;line-height:24px;height:72px;color:#7d7d7e;margin-bottom:2.5rem;overflow: hidden;}

.container05 .fl01 ul li:last-child:after{ display:none}
.container05 .fl01 ul li:last-child:before{ display:none}

.container05 .fl02 .right .more a{display:inline-block;width: 160px;height: 45px;line-height: 43px;border-radius: 6px;font-size: 14px;color: #313131;transition:0.6s;border: #caccd0 2px solid;position: relative;overflow: hidden;background: #fff;text-align: center;}
.container05 .fl02 .right .more a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container05 .fl02 .right .more span{ position:relative}

.container06{ padding:4.625rem 0 4rem; overflow:hidden}
.container06 .content{ margin:0 -7px; font-size:0}
.container06 .content .box{ display:inline-block; vertical-align:top; padding:0 7px}
.container06 .content .box01{ width:30%;}
.container06 .content .box01 ul li a .img,.container06 .content .box01 ul li a .img img{overflow:hidden;width:100%;height: 302px;object-fit: cover;}
.container06 .content .box01 ul li a .con{background:#f0f2f7;padding:0 40px 40px;position:relative;z-index: 10;}
.container06 .content .box01 ul li a .con .time{width:7.5rem;color:#fff;background:#104a9e;height:85px;top: -14px;position: relative;margin-bottom: 25px;}
.container06 .content .box01 ul li a .con .time h3{ font-size:1.675rem; color:#fff; margin-bottom:4px}
.container06 .content .box01 ul li a .con .time h5{ font-size:1rem; color:#90b3e5; font-weight:bold; letter-spacing:6px}
.container06 .content .box01 ul li a .con h4{ font-size:18px; line-height:24px; color:#3c3c3c; height:48px; overflow:hidden; margin-bottom:10px}
.container06 .content .box01 ul li a .con p{font-size:14px;line-height:22px;height:48px;color:#818181;overflow:hidden;margin-bottom: 48px;}
.container06 .content .box01 ul li a .con .more{display:inline-block;width: 120px;height: 40px;line-height: 40px;border-radius: 2px;font-size: 14px;color: #fff;transition:0.6s;position: relative;overflow: hidden;background: #ef7600;text-align: center;}
.container06 .content .box01 ul li a .con .more:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#10489a;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container06 .content .box01 ul li a .con span{position:relative;display: block;}
.container06 .content .box01 ul .miso-dots{bottom: 275px;right:0;width:100%;text-align:right;padding:0 40px;}
.container06 .content .box01 ul .miso-dots li{width:16px;height:16px;border:transparent 1px solid;border-radius:50%;margin: 0 3px;}
.container06 .content .box01 ul .miso-dots li.miso-active{ border:#104a9e 1px solid;}
.container06 .content .box01 ul .miso-dots li button{background:#bfc1c5;width: 6px;height: 6px;padding: 0;border-radius: 50%;margin: 4px;}
.container06 .content .box01 ul .miso-dots li.miso-active button{ background:#104a9e}

.container06 .content .box02{ width:35%;}
.container06 .content .box02 .title01{ height:50px; line-height:50px; background:#104a9e; text-align:center}
.container06 .content .box02 .title01 img{margin: -9px 10px 0 0;vertical-align: middle;}
.container06 .content .box02 .title01 big{ font-size:16px; color:#fff; margin-right:5px}

.container06 .content .box02 .title01 small{ font-size:12px; color:#88a4ce; text-transform:uppercase}
.container06 .content .box02 ul{background:#f0f2f7;padding: 18px 32px;}
.container06 .content .box02 ul li{border-bottom:#d4d5d9 1px solid;padding: 28px 0; position:relative}
.container06 .content .box02 ul li:after{ content:""; position:absolute; background:#104a9e; height:1px; bottom:-1px; left:0; width:0; transition:1s}
.container06 .content .box02 ul li:last-child{ border:none}
.container06 .content .box02 ul li a h4{ font-size:18px; color:#868686; transition:0.6s}
.container06 .content .box02 ul li a h5{ font-size:18px; color:#3c3c3c; height:20px; line-height:20px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:28px 0 16px; transition:0.6s}
.container06 .content .box02 ul li a p{ font-size:14px; line-height:22px; height:48px; color:#818181; overflow:hidden;}

.container06 .more01{ text-align:center; margin-top:3.125rem}
.container06 .more01 a{display:inline-block;width: 170px;height: 45px;line-height: 43px;border-radius: 10px;font-size: 16px;color: #373737;transition:0.6s;border: #e5e5e5 1px solid;position: relative;overflow: hidden;background: #fff;}
.container06 .more01 a:before{content:"";position:absolute;width:180px;height:180px;top:50%;margin-top:-90px;left:50%;margin-left:-90px;background:#ef7600;transform:scale(0);transition:0.6s;border-radius: 50%; opacity:0}
.container06 .more01 span{ position:relative}

footer .fl01{ padding:3.125rem 0 3.25rem; background:#303032; overflow:hidden}
footer .fl01 .left{min-width: 32%;}
footer .fl01 .left h3{ height:54px; line-height:54px; font-size:18px; color:#fff; border-bottom:#454547 1px solid; margin-bottom:20px}
footer .fl01 .left ul{ float:right; margin-right:1.75rem}
footer .fl01 .left ul li{ display:inline-block; margin-left:8px;}
footer .fl01 .left ul li a{ display:inline-block; width:36px; height:36px; line-height:32px; border:#424243 1px solid; border-radius:18px; text-align:center; cursor:pointer}
footer .fl01 .left ul li a img.img01{ display:none}
footer .fl01 .left .con h4{ line-height:24px; font-size:16px; color:#fff}
footer .fl01 .left .con h4 img{ margin:-3px 6px 0 0}
footer .fl01 .left .con h2{ line-height:24px; font-size:24px; color:#ef7600; margin:10px 0 16px}
footer .fl01 .left .con h2 span{ margin-right:1.25rem}
footer .fl01 .left p{ font-size:14px; line-height:24px; color:#bebebf}
footer .fl01 .left p img{ margin-left:6px; margin-top:-3px;}
footer .fl01 .right{ text-align:right; padding:1rem 0 0}
footer .fl01 .right .img{ margin-left:1.25rem;}
footer .fl01 .right .img img{ width:7.1875rem; border-radius:4px}
footer .fl01 .right .con{ padding:1rem 0 0}
footer .fl01 .right .con h3{ font-size:16px; color:#fff; margin-bottom:1.875rem;}
footer .fl01 .right .con h3 big{ font-size:24px; color:#ef7600; text-transform:uppercase; margin-right:4px}
footer .fl01 .right .con h4{ font-size:14px; color:#fff; margin-bottom:8px}
footer .fl01 .right .con h5{ font-size:14px; color:#999}
footer .fl01 .right .p{ display:inline-block; background:#2a2a2b; border:#3d3d3e 1px solid; font-size:12px; line-height:20px; color:#999; padding:6px 20px; margin-top:1rem}
footer .fl01 .right .p p a{ color:#999;}

/*友情链接*/
.container10{background:#2a2a2b;padding: 15px 0; overflow:hidden}
.container10 .nav01{float:left;width: 110px;font-size: 14px;color: #c0c0c1;height: 33px;line-height: 33px;}
.container10 ul{float:left;width: calc(100% - 110px);height: 50px;overflow:hidden;}
.container10 ul li{float:left;line-height: 33px;padding: 0 25px 0 0;height: 33px;overflow: hidden;}

.container10 ul li a{color: #999;font-size: 14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.container10 ul li a:hover{color: #fff;}
.container10 .height{ height:auto;}

.rd-navbar-toggle{display: inline-block;position: relative;width: 40px;height: 40px;line-height: 40px;cursor: pointer;color: #2c343b;background-color: #104a9e;border: none;top: 15px;display: none;}
.rd-navbar-toggle span{ position: relative; display: block; margin: auto; transition: .3s all ease;}
span::before, .rd-navbar-toggle span{ width: 24px; height: 2px; background-color: #2c343b; backface-visibility: hidden; border-radius: 0;}
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before, .rd-navbar-toggle span {width: 24px;height: 2px;background-color: #fff;backface-visibility: hidden;border-radius: 0;}
.rd-navbar-toggle span::after, .rd-navbar-toggle span::before { content: ""; position: absolute; left: 0;top: -6px; transition: .3s all ease;}
.rd-navbar-toggle span::after { top: 6px;}
.rd-navbar-toggle.active span::before { transform: rotate(-40deg);}
.rd-navbar-toggle.active span::after {transform: rotate(40deg);}
.rd-navbar-toggle.active span::before, .rd-navbar-toggle.active span::after { top: 0; width: 15px;}
.rd-navbar-toggle span::before, .rd-navbar-toggle span::after { transform-origin: 1px center;}

.rd-navbar-main-element {position: absolute;float: left;z-index: 10000000;}
.rd-navbar-nav-wrap.active {
    transform: translateX(0);
}
.rd-navbar-nav-wrap {
    color: #ffffff;
    background: #ffffff;
    box-shadow: none;
}
.rd-navbar-nav-wrap {
    position: fixed;
    left: 0;
    top: -37px;
    bottom: -56px;
    z-index: 1029;
    width: 100%;
    padding: 112px 0 81px;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch;
    font-size: 14px;
    line-height: 34px;
    transform: translateX(-110%);
}
.rd-navbar-nav {
    display: block;
    margin: 15px 0;
    height: auto;
    text-align: left;
}
.rd-navbar-submenu {
    position: relative;
}
.rd-nav-item {
    text-align: left;
}
.rd-navbar-wrap, .rd-navbar, .rd-menu, .rd-navbar-nav, .rd-navbar-panel, .rd-navbar-static .rd-menu, .rd-navbar-nav-wrap, .rd-navbar-submenu {
    transition: 0.35s all cubic-bezier(0.65, 0.05, 0.36, 1);
}
.rd-nav-link {
    color: #151515;
}
.rd-nav-link {
    display: block;
    padding: 10px 56px 10px 18px;
}
.rd-nav-link { font-size:14px; color:#444; letter-spacing:2px; text-transform: uppercase;}

.rd-navbar-submenu-toggle {
    color: #151515;
}
.rd-navbar-submenu-toggle {
    cursor: pointer;
    display: inline-block;
    width: 56px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.rd-navbar-submenu-toggle::after {
    content: '\f107';
    position: absolute;
    top: 0;
    right: 0;
    width: 56px;
    height: 52px;
    font: 400 14px "FontAwesome";
    line-height: 48px;
    text-align: center;
    transition: 0.4s all ease;
    z-index: 2;
    cursor: pointer;
}
.rd-nav-item.focus .rd-nav-link, .rd-nav-item.active .rd-nav-link, .rd-nav-item.opened .rd-nav-link {
    color: #ffffff;
    background: #104a9e;
}
.rd-navbar-submenu.opened > .rd-navbar-dropdown, .rd-navbar-submenu.opened > .rd-navbar-megamenu {
    display: block;
}
li.opened > .rd-menu {
    opacity: 1;
    height: auto;
}
li.opened > .rd-navbar-dropdown {
    padding: 4px 0 0;
}
.rd-menu {
    transition: opacity 0.3s, height 0.4s ease;
    opacity: 0;
    overflow: hidden;
}
.rd-navbar-dropdown {
}

li.opened > .rd-navbar-submenu-toggle::after {
    top: 0;
    transform: rotate(180deg);
    color:#fff;
}
.rd-navbar-submenu .rd-navbar-dropdown > li > a {
    padding-left: 30px;
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    color: #666;
}
.rd-megamenu-list > li > a, .rd-navbar-dropdown > li > a {
    display: block;
    padding: 9px 56px 9px 16px;
    font-size: 12px;
    line-height: 1.5;
}

.rd-nav-item.opened .rd-menu{ opacity:1}
.rd-navbar-open-right{ height:0}

.rd-nav-item.active .rd-navbar-submenu-toggle{ color:#fff}
.rd-navbar-submenu .rd-navbar-dropdown > li.active > a{ color:#104a9e}

/*语言*/
.h-link + .h-link { margin-left: 15px; }
.h-link .bdshare-button-style0-16 a, .h-link .bds_more{ margin: 0; padding: 0; float: none; background-image: none; }
.h-link {width: 80px;height: 40px;right: 60px;margin-top: 15px;text-transform: uppercase;z-index:99;position: absolute;display: none;}
.h-link a { color: #666; font-size:14px; }
.h-link .ico {}
.h-link .t {cursor: pointer;line-height: 40px;height: 40px;text-align: center;transition: 300ms;padding: 0;}
.h-link .t i.ico {line-height: 24px;height: 40px;font-size: 14px;line-height: 40px;display:block;color: #333;float: left;text-align: left;font-style:  normal;padding-left: 25px;}
.h-link .t i.fa{font-size:12px;color:#333;float:right;vertical-align: middle;line-height: 40px;}
.h-link .b { position: absolute; top: 0; width: 80px; right: 0; z-index: 9; background:#f4f4f4; border:1px solid #ddd; display:none;}
.h-link .b a { display: block; position: relative; height: 50px; padding-left: 15px; overflow: hidden; line-height: 30px; }
.h-link .b a p, .h-link .b a .ico { margin-top: 15px; float: left; margin-right: 10px; }
.h-link .b a:after, .h-link .b a:before { content: ""; position: absolute; }
.h-link .b a:before { right: 10px; top: 50%; margin-top: 2px; border-radius: 100%; width: 6px; height: 6px; border: 2px solid #999; transition: 300ms; }

.h-link .b a:after { right: 14px; top: 50%; margin-top: -1px; border-radius: 100%; width: 2px; height: 2px; background: #fff; transition: 300ms; opacity: 0; visibility: hidden; }
.h-link:hover .b { opacity: 1; visibility: visible; transform: translate(0); }
.h-link.h-link-2 .t .aico { width: 10px; height: 7px; background-position: -168px -105px; }
.h-link.h-link-2 .b { left: auto; width: 180px; top: 100%; }
.h-link.h-link-2 .b a.o:before { display: none; }
.h-link.h-link-2 .b a .aico { position: absolute; right: 10px; top: 50%; margin-top: -4px; width: 10px; height: 7px; background-position: -168px -98px; }
.h-link.h-link-2:hover .t .ico{ background-image: url("../images/lang_11.png"); }

.n_banner{height:355px;margin-top: 75px;}
.n_banner .table{ }
.n_banner .mianbao{display:inline-block;padding: 0;margin-left: 0;}
.n_banner .mianbao h4{ font-size:1.125rem; color:#fff}
.n_banner .mianbao h3{font-size:2rem;color: #ffffff;font-family:Futura Md BT;margin-bottom: 1.25rem;font-weight: bold;text-transform: uppercase;margin-top: 4px;}
.n_banner .mianbao h6{padding: 0;position:relative;}
.n_banner .mianbao h6:before{content:"";position:absolute;left:5px;top:7px;width:60px;height:1px;background:#9d9fa4;display: none;}
.n_banner .mianbao h6 a,.n_banner .mianbao h6 i,.n_banner .mianbao h6 span{font-size: 12px;color: rgba(255,255,255,0.7);margin:0 3px;font-style:normal;height:14px;line-height:14px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;}
.n_banner .mianbao h6 a:hover{color: #f28e15;}

.sanji{margin-top: -28px;text-align:center;margin-bottom: -28px;}
.sanji ul{font-size: 0;}
.sanji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: -1px;}
.sanji ul li.on:after, .sanji ul li:hover:after { transform: scale(1);}
.sanji ul li:after {content: ""; position: absolute; left: 50%; bottom: -28px; margin-left: -4px; width: 4px; height: 4px; background: #fff; border-radius: 50%;transition: 0.6s;
transform: scale(0); border: #104fa2 2px solid;}
.sanji ul li a{font-size: 1rem;color: #3f3b3d;display:inline-block;padding-bottom:14px;position:relative;width: 12.5rem;height: 55px;line-height: 53px;border:  #dcdcdc 1px solid;text-align: center;background: #fff; transition:0.36s}
.sanji ul li a span{z-index: 1;position: relative;}
.sanji ul li a:before{content:"";position:absolute;top: -1px;right:0;width:0;height: 100%;background: #104fa2;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.sanji ul li.on a:before,.sanji ul li:hover a:before{left: -1px;width: calc(100% + 2px);}

.sanji ul li a:after{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 3px;background: #f28e15;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.sanji ul li.on a:after,.sanji ul li:hover a:after{left: -1px;width: calc(100% + 2px);}
.sanji ul li.on a,.sanji ul li:hover a{ color:#fff}

















/*==========================================首页 结束=============================================*/


/*==========================================内页 开始=============================================*/

.n_header{top: 0;}
.n_header.header:before{width:100%;margin-left: 0;left: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}

/*====移动端导航====*/
#m_n_nav{background: #104a9e;display: none;line-height: 50px;position: relative;z-index: 99;float: left;width: 100%;}
#bnt_back{position:absolute;left: 1rem;top:0;}
#bnt_back svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#m_n_nav i{}
#m_n_nav h1{font-size: 14px;color: #fff;text-align: center;margin: 0;line-height: 50px;}
#bnt_sub_nav{position: absolute;right: 1rem;top: 0;cursor: pointer;color: #fff;font-size: 18px;}
#bnt_sub_nav svg{fill: #fff;height: 30px;vertical-align: middle;width: 26px;}
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f0f3f5; display: none; box-shadow: 0 0 5px #999; z-index: 9;}
#sub_nav_content ul{ padding:  10px;}
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #104a9e; height:30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455;}
#sub_nav_content ul li.on a{color: #104a9e;}
#sub_nav_content dl{font-size:0;overflow: hidden;background: #fff;padding: 10px 0;}
#sub_nav_content dt{position:relative;background:#fff;z-index: 999;width: 33.333333%;display: inline-block;margin-bottom: 0;float: left;text-align: center;}
#sub_nav_content dt a{margin:0 20px;display:block;color:#5b5349;line-height: 30px;font-size:14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i{position: absolute;right: 15px;top: 0;opacity:0;filter:alpha(opacity=0);display: none;}
#sub_nav_content dt a{}
#sub_nav_content dt.title{background:#fafafb;}
#sub_nav_content dt.title i{ opacity:1;filter:alpha(opacity=100);}
#sub_nav_content dt.title_on  { background:#fafafb;}
#sub_nav_content dt.title_on a{ color: #104a9e; border-top:1px solid #fff;}
#sub_nav_content dt.title_on a i{ color: #104a9e; }
#sub_nav_content dt.last a{border-top:1px solid #f8f8f8;}
#sub_nav_content dt.on a,#sub_nav_content dt.title_on a{color: #104a9e;}
#sub_nav_content dd{  display:none;}
#sub_nav_content dd .box{padding:0px 0px 0px 0px;}
#sub_nav_content dd a{ padding:0 25px;  line-height:30px;border-top:1px solid #e7e7e7;font-size:12px;color:#5b5349;display:block;height:30px;}
#sub_nav_content dd a.on{ color: #104a9e;}

.n_container{background: #f6f8fa;}
.n_about{ padding:4.375rem 0 2rem}
.n_about .tit{ text-align:center; position:relative; margin-bottom:2.5rem}
.n_about .tit img{}
.n_about .tit .top{ position:absolute; top:0; right:0; bottom:0; left:0}
.n_about .tit .top h3{font-size:2rem;color:#59595a;font-weight:bold;margin-bottom:4px;margin-top: 6rem;}
.n_about .tit .top h6{ font-size:0.75rem; color:#104fa2; text-transform:uppercase}

.n_product{ padding:2.25rem 0 4.375rem}
.siji{ position:relative; margin-bottom:2.125rem}
.siji:before{content:"";position:absolute;bottom: -3.5px;left:0;background:#fff;width:6px;height:6px;border:#104fa2 1px solid;border-radius: 50%;}
.siji:after{content:"";position:absolute;bottom: -3.5px;right:0;background:#fff;width:6px;height:6px;border:#104fa2 1px solid;border-radius: 50%;}
.siji ul{font-size: 0; padding: 0 3.4375rem; border-bottom:#e1e1e8 1px solid;}
.siji ul li{display:inline-block;font-size:16px;color:#4f4f52;position:relative;margin-right: 2rem;}
.siji ul li:after {content: "";position: absolute;left: 50%;bottom: -14px;margin-left: -3.5px;width: 7px;height: 5px;background:url(../images/jiantou.png) center no-repeat;  transform: scale(0); transition:0.6s}
.siji ul li.on:after, .siji ul li:hover:after { transform: scale(1);}
.siji ul li a{font-size: 1rem;color: #3f3b3d;display:inline-block;padding-bottom:14px;position:relative;height: 70px;line-height: 70px;text-align: center;transition:0.36s;}
.siji ul li a span{z-index: 1;position: relative;}
.siji ul li a:hover{ color:#124ca0;}

.siji ul li a:after{content:"";position:absolute;bottom: -1px;right:0;width:0;height: 2px;background: #124ca0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;}
.siji ul li.on a:after,.siji ul li:hover a:after{left: -1px;width: calc(100% + 2px);}
.siji ul li.on a,.siji ul li:hover a{color: #124ca0;}
.n_product .container03{ padding:0; background:none}

.page {margin:0px auto 0px auto;text-align: center;font-size: 0;}

.page .box{display:inherit;width:100%;}
.page a{padding: 0;width: 50px;height: 50px;line-height: 48px;display:inline-block;border:1px solid #dedede;margin: 0px 3px;color: #404040;font-size: 14px;border-radius: 50%;background: #fff;vertical-align: top; transition:0.36s}
.page a svg{font-size:20px;width: 18px;height: 18px;fill:#000000;vertical-align:middle;margin-top: -3px;}
.page .on{background: #104a9e;color:#fff !important;border: 1px solid #104a9e;}
.page a font{  font-size: 14px; font-family: "SimSun"; color: rgb( 68, 68, 68 );}
.page span{ background:#02a26d; color:#fff !important;border:1px solid #02a26d;}
.page a:hover{background: #104a9e;color:#fff !important;text-decoration:none;border: 1px solid #104a9e;}
.page a:hover font{ color:#fff;}
.page a.u_bnt{ transition: all 1s;-moz-transition: all 1s; /* Firefox 4 */-webkit-transition: all 1s; /* Safari 和 Chrome */-o-transition: all 1s; /* Opera */} 
.fangye01,.fangye02{ display:inline-block}
.fangye01 svg{ transform:rotate(180deg); vertical-align:middle}
.fangye02 svg{ vertical-align:middle}
.page a:hover svg{ fill:#fff}

.tc1 .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index: 99999999999;}

.tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;transform:scale(1.1);display:  none;}
.tc1 .tc.act{ filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;  pointer-events: auto;transform:scale(1);}
.tc1 .close:hover{ transform:rotate(180deg);}
.tc1 .close,.tc{ transition:all ease 400ms; -moz-transition:all ease 400ms; -ms-transition:all ease 400ms; -o-transition:all ease 400ms; -webkit-transition:all ease 400ms; } 
.tc1 .tc-box{position:absolute;overflow: hidden;top:50%;z-index:9999;width: 200px;height: 250px;left:50%;margin-left: -100px;margin-top: -125px;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;}
.tc1 .tc.act{display: block;}
.tc1 .tc.act .tc-box{display: block;-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}
.tc1 .close{position: absolute; cursor:pointer;font-size: 20px;right: 30px;top: 30px; }
.tc1 .tc-bg {height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;}
.tc1 .tc-box h3 img{width: 200px;height: 200px;}
.tc1 .tc-box h5{width: 100%;height: 50px;line-height: 50px;font-size:1rem;color:#fff;text-align:center;}

.n_product .container03 ul{ margin-bottom:2rem}

.n_product_detail{ padding:1rem 0 0}
.n_product_detail .fl01{ padding-bottom:2rem;}
.n_product_detail .siji{ margin-bottom:3.375rem}




.n_product_detail .fl01 .content{ position:relative}
.n_product_detail .fl01 .left{ width:48%;}
.n_product_detail .fl01 .left ul li{padding: 0;}
.n_product_detail .fl01 .left .img{float:left;width: 100%;overflow:hidden;}
.n_product_detail .fl01 .left .img img{width: 100%;}
.n_product_detail .fl01 .left .miso-prev, .n_product_detail .fl01 .left .miso-next{width:42px;height:42px; margin-top:-21px;}
.n_product_detail .fl01 .left .miso-prev{background:url(../images/left02.png) center no-repeat; left:2rem}
.n_product_detail .fl01 .left .miso-next{background:url(../images/right02.png) center no-repeat;right:2rem;}

.n_product_detail .fl01 .right{width:52%;background:#fff url(../images/yuan01.png) right center no-repeat;position:absolute;right:0;top:0;bottom:0;padding:0 4rem;border: #eeeeee 1px solid;}
.n_product_detail .fl01 .right .table{ text-align:left}
.n_product_detail .fl01 .right h3{font-size: 1.875rem;color: #000000; margin-bottom:3.375rem; line-height: 2.5rem;}
.n_product_detail .fl01 .right h4{ font-size:1.125rem; color:#000000; margin-bottom:2.75rem; position:relative}
.n_product_detail .fl01 .right h4:before{ content:""; position:absolute; left:0; top:-15px; width:22px; height:1px; background:#ef7600}
.n_product_detail .fl01 .right p{font-size: 14px;color: #737373;line-height: 1.875rem;text-indent: 0;}


.n_product_detail .fl02 .content{ padding:0 2.75rem 2.75rem; background:#fff}
.n_product_detail .fl02 .content h3 span{ padding-top:1.75rem; display:inline-block; position:relative}
.n_product_detail .fl02 .content h3 span:before{ content:""; position:absolute; top:0; left:0; width:100%; height:3px; background:#104fa2}
.n_product_detail .fl02 .content h3 { font-size:1.5rem; color:#000000; margin-bottom:3.125rem}
.n_product_detail .fl02 p{color:#000000;text-indent:0;margin-bottom: 20px;}
.n_product_detail .fl02 img { transform: translateX(0);}

.n_yingyong{ padding:6.875rem 0 5rem}

.n_yingyong ul{font-size:0;margin:0 -1rem;}
.n_yingyong ul li{ display:inline-block; width:33.333333%; padding:0 1rem; margin-bottom:4rem;}
.n_yingyong ul li a{display:block;text-align:center;padding: 1rem 0 0;background:#fff url(../images/yuan02.png) center top no-repeat;}
.n_yingyong ul li a h3{line-height: 7.5rem;}
.n_yingyong ul li a h3 img{
    max-height: 42px;
}
.n_yingyong ul li a h5{font-size: 1.25rem;color: #272727;font-weight:bold;margin-bottom:2rem;}
.n_yingyong ul li a p{font-size:14px;line-height: 18px;height: 36px;color: #828385;padding:0 2rem;margin-bottom: 3rem;text-align: left;overflow: hidden;}
.n_yingyong ul li a span{ display:inline-block; width:130px; height:35px; line-height:31px; border:#eeeeee 2px solid; background:#fff; margin-bottom:-17.5px; border-radius:17.5px; font-size:14px; color:#4f5156; transition:0.6s}
@keyframes xuanzhuan
{
    from { transform: rotateY(0deg);}
    to { transform: rotateY(360deg);}
}

.n_fazhan .fl01{padding: 3.875rem 0 0; margin-bottom:4rem}
.n_fazhan .fl01 ul li h2{ font-size:30.625rem; color:#eaecf0; text-align:center; font-family:Futura Md BT; font-weight:bold}
.n_fazhan .fl01 ul li p{ font-size:1rem; color:#3e3e3e; text-align:center; line-height:2.375rem}
.n_fazhan .fl01 .tit{position: absolute;top: 0;height: 30.625rem;z-index:100;}
.n_fazhan .fl01 .tit h3{ font-size:2rem; color:#131313; font-weight:bold; margin-bottom:0.5rem}
.n_fazhan .fl01 .tit h3 font{ color:#104fa2}
.n_fazhan .fl01 .tit h6{ font-size:0.875rem; color:#104fa2; text-transform:uppercase}

.n_fazhan .fl02{ position:relative; padding-bottom:8.125rem; background:url(../images/n_fazhan_fl02_bg.jpg) center bottom no-repeat}
.n_fazhan .fl02 .layui-container,.n_fazhan .fl02 .layui-col-xs12,.n_fazhan .fl02 ul{ position:static}
.n_fazhan .fl02 .miso-prev, .n_fazhan .fl02 .miso-next{width:44px;height:44px;top: -17px;}
.n_fazhan .fl02 .miso-prev{background:url(../images/left03.png) center no-repeat;left: 4rem; transition:0.6s}
.n_fazhan .fl02 .miso-next{background:url(../images/right03.png) center no-repeat;right: 4rem; transition:0.6s}
.n_fazhan .fl02 .miso-prev:hover{background:url(../images/left03_on.png) center no-repeat;}
.n_fazhan .fl02 .miso-next:hover{background:url(../images/right03_on.png) center no-repeat;}
.n_fazhan .fl02:before{content:"";position:absolute;top: 4.5px;left:0;width:100%;border-top:#d4d4d4 1px solid;}
.n_fazhan .fl02 ul .miso-list{}
.n_fazhan .fl02 ul li{ text-align:center; position:relative}
.n_fazhan .fl02 ul li:before{content:"";position:absolute;top: 5px;width:0;height:1px;background:#f28e15;left: 50%; transition:1s cubic-bezier(0.7, 0, 0.3, 1)}
.n_fazhan .fl02 ul li .dot{width: 11px;height: 11px;position:absolute;top: 0;left: 50%;margin-left: -5.5px;}
.n_fazhan .fl02 ul li .dot:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #959697;border-radius:50%; transition:0.6s}
.n_fazhan .fl02 ul li .dot:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background: #fff;border-radius:50%;border: #f28e15 3px solid;transform: scale(0); transition:0.6s}
.n_fazhan .fl02 ul li h3{font-size:1.5rem;color:#4d4e4e;margin-top:2.375rem; margin-bottom:2.5rem}
.n_fazhan .fl02 ul li .wenzi{ display:inline-block; width:6.25rem; height:6.25rem; position:relative}
.n_fazhan .fl02 ul li .wenzi:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius: 50%;}
.n_fazhan .fl02 ul li .wenzi01:before{background: rgba(242, 142, 21, 0.15);}
.n_fazhan .fl02 ul li .wenzi02:before{background: rgba(16, 79, 162, 0.15);}
.n_fazhan .fl02 ul li .wenzi .top{width:4.125rem;height:4.125rem;border-radius:50%;left:50%;top:50%;margin-left:-2.0625rem;margin-top:-2.0625rem;position: absolute;}
.n_fazhan .fl02 ul li .wenzi .top:before{content:"";position:absolute;border-right: transparent 7px solid;border-left: transparent 7px solid;top: -9px;left: 50%;margin-left: -7px;}
.n_fazhan .fl02 ul li .wenzi01 .top:before{ border-bottom:#f28e15 10px solid}
.n_fazhan .fl02 ul li .wenzi02 .top:before{ border-bottom:#104fa2 10px solid}
.n_fazhan .fl02 ul li .wenzi01 .top{ background:#f28e15}
.n_fazhan .fl02 ul li .wenzi02 .top{ background:#104fa2}
.n_fazhan .fl02 ul li .wenzi span{ font-size:0.875rem; color:#fff; position:relative; z-index:10}

.n_fazhan .fl02 ul li.miso-current .dot:before{ transform: scale(0);}
.n_fazhan .fl02 ul li.miso-current .dot:after{ transform: scale(1);}
.n_fazhan .fl02 ul li.miso-current h3{ color:#f28e15; font-weight:bold}
.n_fazhan .fl02 ul li.miso-current:before{width:100%;}

.n_news .fl01{ padding:8.75rem 0 4rem; background:#fff}
.n_news .fl01 ul{ font-size:0; margin:0 -1.25rem}
.n_news .fl01 ul li{ display:inline-block; width:33.3333333%; padding:0 1.25rem; overflow:hidden}
.n_news .fl01 ul li a{ display:block}
.n_news .fl01 ul li .img,.n_news .fl01 ul li .img img{ width:100%; overflow:hidden}
.n_news .fl01 ul li .con{  background:#f6f8fa; padding:2rem 1.5rem 1.5rem;}
.n_news .fl01 ul li .con h4{ font-size:1.125rem; color:#3c3c3c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:1.25rem; line-height:1.25rem}
.n_news .fl01 ul li .con p{ font-size:0.875rem; line-height:1.375rem; height:2.75rem; color:#818181; overflow:hidden; margin:1rem 0 1.625rem}
.n_news .fl01 ul li .con span{ font-size:1.125rem; color:#868686;}
.n_news .fl02{ padding:3.125rem 0 4rem; background:#f6f8fa; border-top:#ebedef 1px solid}

.n_news .fl02 ul{ border:#ebedef 1px solid; background:#fff; padding:2.5rem; margin-bottom:3rem}
.n_news .fl02 ul li{ font-size:1.125rem; color:#000000; height:4rem; line-height:4rem; border-bottom:#dde0e3 1px solid; overflow:hidden;}
.n_news .fl02 ul li:last-child{ border:none}
.n_news .fl02 ul li a{ display:block; position:relative; padding-left:26px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
.n_news .fl02 ul li a:before{ content:""; position:absolute; top:50%; margin-top:-3px; width:6px; height:6px; border-radius:50%; background:#929292; left:5px}
.n_news .fl02 ul li a b{padding-right: 0;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;width: 75%;font-weight:normal;vertical-align:top;color:#000000;transition:0.36s;}
.n_news .fl02 ul li a span{font-size: 1.125rem;color: #bcbcbc;float:right; position:relative; transition:0.6s;}
.n_news .fl02 ul li a span:before{content:"";position:absolute;right: 6.5rem;width:2.75rem;height:1px;background:#e0e0df;top:50%; transition:0.6s;}

.n_news .fl02 ul li:hover a b{ color: #104fa2; padding-left: 5px;}
.n_news .fl02 ul li:hover a span:before{ width:5.25rem; background:#104fa2}
.n_news .fl02 ul li:hover a span{ color:#104fa2}

.n_zizhi .fl01{ padding:8.75rem 0 2rem}
.n_zizhi ul{ font-size:0; margin:0 -1.25rem; margin-bottom:15px}
.n_zizhi ul li{ display:inline-block; width:33.333333%; padding:0 1.25rem; text-align:center; margin-bottom:30px}
.n_zizhi ul li a{display:block;background:#ffffff;border:#e6e9eb 1px solid;padding: 2.5rem 2.5rem 2.5rem; position:relative}
.n_zizhi ul li a:after{ content:""; position:absolute; bottom:-1px; width:30px; height:3px; left:50%; margin-left:-15px; background:#104fa2; transition:0.9s}
.n_zizhi ul li a .img{width: 100%;line-height: 13.75rem;overflow:hidden;}
.n_zizhi ul li a .img img{max-width: 100%;max-height: 13.75rem;display:inline-block;}
.n_zizhi ul li a h5{font-size: 1rem;color: #404040;margin-top: 1.5rem;}
.n_zizhi .fl02{ padding:2rem 0 0; background:url(../images/n_zizhi_bg.jpg) center no-repeat; background-size:cover}
.n_zizhi .fl02 .left{padding:10rem 0 0;width: 34%;}
.n_zizhi .fl02 .left h3{ font-size:3rem; color:#393939; font-weight:bold; text-transform:uppercase;}
.n_zizhi .fl02 .left h5{ font-size:1.125rem; color:#393939; text-transform:uppercase; letter-spacing:0.75rem; margin-bottom:2rem}
.n_zizhi .fl02 .left p{ font-size:1.5rem; color:#393939; line-height:2.625rem;}
.n_zizhi .fl02 .left p font{ color:#104fa2}
.n_zizhi .fl02 .left p big{ font-size:2.25rem;}
.n_zizhi .fl02 .right{width: 66%;}


#n_lianxi{position:relative;z-index:9;padding: 8rem 0 4.6875rem;}
#n_lianxi .tt1{color: #104fa2;text-align:center;}
#n_lianxi .tt1 h3{font-size: 2rem;font-weight:bold;color: #393c3d;margin-bottom: 6px;}
#n_lianxi .tt1 span{font-size: 0.875rem;font-family:arial;text-transform:uppercase;}
#n_lianxi .tt2{ text-align:center;}
#n_lianxi .con{text-align:center;margin: 3rem 0 5rem;font-size: 0.875rem;color: #4a5057;line-height: 1.5rem;}

.lianxi_box{overflow:hidden;padding: 4rem;background: #fff url(../images/n_contact_bg.jpg) center bottom no-repeat; background-size:100% auto;border-top: #104fa2 7px solid;}
.lianxi_box .left{ width:50%; border-right:1px solid #e4e7e9;}
.lianxi_box .tt{padding-bottom: 3.75rem;text-align: center;}
.lianxi_box .tt h3{font-size:36px;color: #f28e15;font-weight:bold;text-transform:uppercase;display:inline-block;}
.lianxi_box .tt span{ font-size:16px; color:#696969; display:inline-block; margin-left:10px; position:relative; top:-2px;}
.lianxi_box .miso_hd{ margin-bottom:2rem; position:relative}
.lianxi_box .miso_hd:before{ content:""; position:absolute; left:0; width:100%; height:1px; top:0; background:#e4e7e9}
.lianxi_box .miso_hd .miso-list{ padding-bottom:7px;}
.lianxi_box .miso_hd li{ display:inline-block; width:135px !important; height:45px; background:#f28e15; margin-right:1rem; line-height:45px; text-align:center}
.lianxi_box .miso_hd li:before{ content:""; position:absolute; left:0; width:0; transition:0.6s; background:#104fa2; height:100%}
.lianxi_box .miso_hd li a{ display:block; font-size:1rem; color:#fff; position:relative; cursor:pointer}
.lianxi_box .miso_hd li a:before{ content:""; position:absolute; left:50%; margin-left:-8px; border-left:transparent 7px solid; border-right:transparent 7px solid; border-top:transparen 7px solid; top:45px; transition:0.6s}
.lianxi_box .ewm{float:left;text-align:center;font-size:16px;color: #303030;padding: 0 10px;}
.lianxi_box .ewm img{width: 13.125rem;height: 13.125rem;margin-bottom:20px;border:1px solid #e5e5e5;padding: 0;}

.lianxi_box .miso_hd li.miso-current:before{ width:100%}
.lianxi_box .miso_hd li.miso-current a:before{ border-top:#104fa2 7px solid;}
.lianxi_box dl{padding-left:2.75rem;line-height: 2rem;}
.lianxi_box dl dt{ font-size:1rem; color:#171717; margin-bottom:0.5rem}
.lianxi_box dl dt font{ color:#727273; font-weight:bold}
.lianxi_box dl dd{ margin-bottom:1.5rem}
.lianxi_box dl dd,.lianxi_box .miso_bd dl dd p{ font-size:1rem; color:#727273; line-height:1.5rem;}


.lianxi_box dl dd p a{ font-size:12px; color:#104fa2; margin-left:1.5rem}
.lianxi_box dl dd p a img{ margin:-3px 0.5rem 0 0}
.lianxi_box .right{max-width: 50%;padding-left: 3rem;}
.lianxi_box .right .ewm01{padding: 0rem 0 0;overflow: hidden;}

.n_news_detail{padding:8.75rem 0 2.5rem;}
.n_news_detail .layui-col-xs12{ display:-webkit-box}
.n_news_detail .left{ width:calc(100% - 23.75rem); padding-right:4.6875rem}
.n_news_detail .left .title{height: auto;overflow: hidden;position:relative;padding-bottom: 35px;}
.n_news_detail .left .ar_title{padding: 0;padding-bottom: 25px;border-bottom: #e7e7e7 1px solid; position:relative}
.n_news_detail .left .ar_title h3{font-size: 1.5rem;color: #3c3c3c;line-height: 2.5rem;margin-bottom: 1.5rem;font-weight: bold;}
.n_news_detail .left .ar_title h6{position:relative;font-size: 14px;color: #104fa2;}
.n_news_detail .left .ar_title h6 img{ margin:-3px 0.75rem 0 0}
.n_news_detail .left .ar_title:before{content:"";position:absolute;bottom: -1px;left:0;width: 100px;height:2px;background: #104fa2;}

#ar_fot01{position:relative;width: 100%;overflow:  hidden;}
#ar_fot01 h1{display:block;font-size: 14px;font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;margin: 0;-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;width: 100%;height: 30px;line-height: 30px;}
#ar_fot01 h1 span{color: #575c63;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;display: inline-block;vertical-align: top;width: 60px;}

#ar_fot01 h1 a{font-size: 14px;color: #575c63;font-weight:normal;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;width: calc(100% - 60px);display: inline-block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
#ar_fot01 h1:hover, #ar_fot01 h1:hover a, #ar_fot01 h1:hover span{color: #104fa2;vertical-align: top;display: inline-block;}
#ar_fot01 .bnt_back{ position:absolute; top:28px; right:0; color:#fff; background:#063579; padding:0 25px; font-size:14px; height:30px; line-height:30px;}
#ar_fot01 .bnt_back:hover{ border-radius:3px;}
#ar_fot01 a,#ar_fot span{}
#ar_fot01 .shart_box a{ line-height:36px;}
#ar_fot01 .fr{text-align: left;}
#ar_fot01 h1:hover{}

.dibu{position:relative;margin-top: 70px;padding-top: 28px;border-top: #eef1f2 2px solid;margin-bottom: 23px;}
.dibu .end{display:inline-block;width:68px;height:20px;line-height:20px;background: #f4f5f7;position:absolute;left:50%;margin-left:-34px;top:-10px;text-align:center;font-size: 16px;color: #616060;text-transform:uppercase;font-weight: 600;}

.n_news_detail .right{ width:23.75rem;}
.n_news_detail .right .fl00{background: #fff;padding:2.5rem 1.875rem 3rem;}
.n_news_detail .right .fl00 .title{font-size: 1.25rem;color: #262626;margin-bottom: 1.875rem;}
.n_news_detail .right .fl00 .title img{ margin:-3px 14px 0 0}
.n_news_detail .right .fl01{ margin-bottom:16px}
.n_news_detail .right .fl01 ul li{ text-align:center}
.n_news_detail .right .fl01 ul li .img,.n_news_detail .right .fl01 ul li .img img{ width:320px; height:240px; overflow:hidden; transition:0.9s}
.n_news_detail .right .fl01 ul li h5{ font-size:16px; margin-top:22px; color:#262626; overflow:hidden;text-overflow:ellipsis;white-space:nowrap; transition:0.6s}
.n_news_detail .right .fl01 .miso-prev,.n_news_detail .right .fl01 .miso-next{width: 8px;height: 13px;z-index:1000;top: -50px;}


.n_news_detail .right .fl01 .miso-prev{background:url(../images/container07_prev.png) center no-repeat;left: auto;right: 26px;}
.n_news_detail .right .fl01 .miso-next{ background:url(../images/container07_next.png) center no-repeat; right:0}
.n_news_detail .right .fl01 ul li h5:hover{ color:#3ca0d3}
.n_news_detail .right .fl01 ul li a:hover .img img{ transform:scale(1.06)}

.n_news_detail .right .fl02{margin-bottom: 0;}
.n_news_detail .right .fl02 ul{ border-bottom:#6e6f70 1px dotted}
.n_news_detail .right .fl02 ul li{ text-align:center}
.n_news_detail .right .fl02 ul li a{ display:block; position:relative}
.n_news_detail .right .fl02 ul li .img,.n_news_detail .right .fl02 ul li .img img{width: 100%;height: 214px;overflow:hidden;transition:0.9s;object-fit: cover;}
.n_news_detail .right .fl02 ul li h5{background:rgba(0,0,0,0.7);padding:0 15px;height:40px;line-height:40px;font-size:18px;margin-top:22px;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:0.6s;position:absolute;bottom:0;width:100%;text-align: left;padding-right: 110px;}
.n_news_detail .right .fl02 ul li h5:hover{ color:#3ca0d3}
.n_news_detail .right .fl02 ul li a:hover .img img{ transform:scale(1.06)}

.n_news_detail .right .fl02 ul li .con{ padding:2rem 0.5rem 1.5rem; text-align:left}
.n_news_detail .right .fl02 ul li .con h4{ font-size:1.125rem; color:#3c3c3c; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; height:1.25rem; line-height:1.25rem}
.n_news_detail .right .fl02 ul li .con p{font-size:0.875rem;line-height:1.375rem;height:2.75rem;color:#818181;overflow:hidden;margin: 1rem 0 0.5rem;}
.n_news_detail .right .fl02 ul li .con span{ font-size:1.125rem; color:#868686;}
.n_news .fl02{ padding:3.125rem 0 4rem; background:#f6f8fa; border-top:#ebedef 1px solid}
.n_news_detail .right .fl02 .miso-dots{bottom: 14px;text-align: right;width: auto;right: 14px;}
.n_news_detail .right .fl02 .miso-dots li{width:10px;height:10px;background:#d1d1d1;border-radius:5px;margin: 0 3px;}
.n_news_detail .right .fl02 .miso-dots li.miso-active{ background:#3ca0d3; }

.n_news_detail .right .fl03{ padding-top:0}
.n_news_detail .right .fl03 ul{}
.n_news_detail .right .fl03 ul li{line-height: 30px;height: 30px;}
.n_news_detail .right .fl03 ul li a{display:block;position:relative;line-height: 30px;height: 30px;padding-left: 12px;}
.n_news_detail .right .fl03 ul li a:before{content: '';position: absolute;top: 50%;left: 0;width: 5px;height: 5px;background: #6d6f71;transition: all .5s;border-radius: 50%;margin-top: -2.5px;}
.n_news_detail .right .fl03 ul li a:hover:before { transform: none; opacity: 1; visibility: visible\9;}

.n_news_detail .right .fl03 ul li i{display:inline-block;width: 13px;vertical-align: top;}

.n_news_detail .right .fl03 ul li font{display:inline-block;font-size: 0.9375rem;color: #6d6f71;width: 80%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;transition:0.36s;vertical-align: top;}
.n_news_detail .right .fl03 ul li span{float:right;font-size:14px;color: #6d6f71;}
.n_news_detail .right .fl03 ul li:hover font{color: #104fa2;}
.sticky{position:sticky;top: 70px;padding: 0;z-index: 100000;}


.n_talent{padding: 6.75rem 0 4rem;}
.n_talent .ul.miso_hd{ text-align:center; margin-bottom:4rem; position:relative}
.n_talent .ul.miso_hd:before{ content:""; position:absolute; top:45px; border-bottom:#e1e1e8 1px solid; width:100%; left:0}
.n_talent .ul.miso_hd li h3{ height:45px; margin-bottom:20px}
.n_talent .ul.miso_hd li h3 img{ opacity:0; transition:0.6s; transform:scale(0)}
.n_talent .ul.miso_hd li h5{ font-size:16px; color:#414141; line-height:26px; display:inline-block; position:relative;}
.n_talent .ul.miso_hd li h5:after{content:"";position:absolute;left:50%;width:0;height:2px;background:#f28e15;top: -21px; transition:0.6s}
.n_talent .ul.miso_hd li.miso-current h5:after{ width:100%; left:0}
.n_talent .ul.miso_hd li.miso-current h3 img{ opacity:1; transform:scale(1)}
.n_talent .ul.miso_bd { margin:0 -0.75rem; margin-bottom:4.5rem}
.n_talent .ul.miso_bd .li{ padding:0 0.75rem;}
.n_talent .ul.miso_bd .box{ -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; overflow:hidden}
.n_talent .ul.miso_bd .box .top{background: #f28e15;height: 140px;text-align:center;padding:50px 0 0;width: 100%;}
.n_talent .ul.miso_bd .box .top h3{font-size: 1.5rem;color:#fff;margin:0 0 14px;}
.n_talent .ul.miso_bd .box .top h5{font-size: 0.875rem;color:rgba(255,255,255,0.6);}
.n_talent .ul.miso_bd .box .con{background: #fff;padding: 2rem 1.625rem;border: #e5e5e5 1px solid;border-bottom-left-radius: 4px;border-bottom-right-radius: 4px;}
.n_talent .ul.miso_bd .box .con h4{font-size: 14px;color:#cd2d3c;font-weight:bold;margin-bottom: 5px;line-height: 30px;}
.n_talent .ul.miso_bd .box .con .ar_article{height: 388px;overflow:hidden;overflow-y:scroll;margin-right: 0;padding-right: 0;background-color: white;}
.n_talent .ul.miso_bd .box .con .ar_article p{ font-size: 13px;line-height: 30px;color:#8c8a88; text-indent:0}
.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar {width:1px;height:1px; background:#e2e2e2}
.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar-track {border-radius:1px; background:#e2e2e2}
.n_talent .ul.miso_bd .box .con .ar_article::-webkit-scrollbar-thumb {border-radius:1px; background:#f28e15}
.n_talent .ul.miso_bd .box .con ul li{font-size: 13px;line-height: 30px;color:#8c8a88;background: url(../images/dot.png) left 10px no-repeat;margin-left:0;padding-left: 13px;}

.n_talent .ul.miso_bd .miso-current .box .top{background: #104fa2;}

.n_talent .ul.miso_bd .miso-prev,.n_talent .ul .miso-next{ width:44px; height:44px; top:50%; margin-top:-12px}
.n_talent .ul.miso_bd .miso-prev{ background:url(../images/left03.png) center no-repeat; left:-90px; transition:0.6s}
.n_talent .ul.miso_bd .miso-next{ background:url(../images/right03.png) center no-repeat; right:-90px; transition:0.6s}
.n_talent .ul.miso_bd .miso-prev:hover{background:url(../images/left03_on.png) center no-repeat;}
.n_talent .ul.miso_bd .miso-next:hover{background:url(../images/right03_on.png) center no-repeat;}

.ban_po001{ text-align:center}
.ban_po001 .wrap p{font-size: 1.5rem;color:#404040;}
.ban_po001 .wrap p .current, .ban_po001 .wrap p font{color: #104fa2;font-size: 2.25rem;font-weight: bold;}
.ban_po001 big{font-size:14px;color:#104fa2;display:inline-block;vertical-align: top;line-height: 2.25rem;margin-right: 4rem; position:relative}
.ban_po001 big:before{content:"";position:absolute;right: -3.5rem;width: 2.75rem;height:1px;background:#104fa2;top: 50%;}
.ban_po001 .wrap{ display:inline-block}

.n_wenhua01{ padding:3rem 0 2rem}
.n_wenhua01 .miso-prev,.n_wenhua01 .miso-next{width:36px;height:36px;background-size:cover !important;margin-top: -18px;}
.n_wenhua01 .miso-prev{ background:url(../images2020/left07.png) center no-repeat; left:-4rem}
.n_wenhua01 .miso-next{ background:url(../images2020/right07.png) center no-repeat; right:-4rem}


/*==========================================内页 结束=============================================*/


@media(min-width: 768px){
	.container02 .right .slider_for .box .top a:hover{ border:#ef7600 1px solid; background:#ef7600}
	.container02 .right .slider_for .box .top a:hover:before{ transform:scale(1); opacity:1}
	
	.container03 ul li a:hover .con .icon:before{background: rgba(239, 118, 0, 0.1);}
	.container03 ul li a:hover .con .icon:after{ background:#ef7600}
	.container03 ul li a:hover .con .icon span{transform: rotate(180deg);}
	.container03 ul li a:hover .con:before{transform:translateY(0);background: #104fa2;}
	
	.container03 ul li a:hover .con h5{ color:#fff}
	.container03 ul li a:hover .con p{ color:#fff}

	
	.container03 .more a:hover{ border:#ef7600 1px solid; background:#ef7600; color:#fff}
	.container03 .more a:hover:before{ transform:scale(1); opacity:1}
	
	.container05 .fl02 .right .more a:hover{ border:#ef7600 2px solid; background:#ef7600; color:#fff}
	.container05 .fl02 .right .more a:hover:before{ transform:scale(1); opacity:1}
	
	.container06 .content .box02 ul li:hover:after{ width:100%}
	.container06 .content .box02 ul li:last-child:hover:after{ width:0}
	.container06 .content .box02 ul li:hover a h4{ color:#104a9e;}
	.container06 .content .box02 ul li:hover a h5{ color:#104a9e;}
	
	.container06 .more01 a:hover{ border:#ef7600 1px solid; background:#ef7600; color:#fff}
	.container06 .more01 a:hover:before{ transform:scale(1); opacity:1}
	
	footer .fl01 .left ul li a:hover img.img01{ display:inline-block}
	footer .fl01 .left ul li a:hover img.img02{ display:none}
	
	.n_yingyong ul li a:hover h3 img { transform-style: preserve-3d; -webkit-animation: xuanzhuan 2s; animation: xuanzhuan 2s; animation-fill-mode: forwards;transition: all .5s linear;}
	
	.n_yingyong ul li a:hover span{ border:#104fa2 2px solid; background:#104fa2; color:#fff}
	
	.n_zizhi ul li a:hover:after{ width:100%; left:0; margin-left:0;}
	
	.lianxi_box dl dd p a:hover{ text-decoration:underline}
	
	.n_news_detail .right .fl02 ul li:hover .con h4{ color:#104a9e;}
	
	.container02 .right .slider_for ul li:hover .img{ transform:scale(1.05)}
	
	.container06 .content .box01 ul li a .con .more:hover:before{ transform:scale(1); opacity:1}
}


@media(min-width: 992px) and (max-width: 1300px){
}

@media(max-width: 1800px){
}

@media(max-width: 1600px){

	.banner ul li.miso-slide{ height:auto}
	.banner ul li.miso-slide img{ display:block}
	
	.container02{ padding:120px 0 0}
	.container02 .left{width:100%;bottom: auto;height:120px;padding: 0 2rem;}
	.container02 .left ul{ float:left; width:auto !important}
	.container02 .left ul li{display:inline-block;width:auto !important;margin-right: 1.5rem;margin-bottom: 0;}
	
	.ban_po.ban_po01{float:right;margin-top: 0;height: 74px; line-height:74px}
	.ban_po.ban_po01 .wrap p{ font-size:4rem}
	.ban_po.ban_po01:before{ display:none}
	
	.container02 .right{ width:100%}
	.container02 .right .slider_for ul li .img{ height:calc(100vh - 9.375rem - 75px - 18px - 120px)}
	.container02 .right .slider_for .box .top h2{ margin-bottom:2rem}
	.container02 .right .slider_for .box .top p{ margin-bottom:3rem}
	.container02 .right .slider_for .box .top h3{ margin-bottom:1.5rem}
}

@media(max-width: 1400px){
}

@media(max-width: 1330px){
	.n_fazhan .fl02 .miso-prev{ left:1rem}
	.n_fazhan .fl02 .miso-next{ right:1rem}
}

@media(max-width: 1200px){
	.nav{ display:none}
	
	.container04{ height:auto}
	.container04 .content{ height:auto; padding:3rem 0}
	.container04 .content h2{ text-align:center}
	.container04 .content img{position:relative;left:auto;bottom: auto;}
	
	.container06 .content .box01 ul li a .con{ padding:0 20px 40px}
	.container06 .content .box01{ width:40%;}
	.container06 .content .box02{ width:30%;}
	
	.header{ top:0; width:100%; box-shadow:0 0 10px rgba(0,0,0,0.25)}
	.header:before{ width:100%; left:0; margin-left:0}
	.header .content .right dl{ display:none}
	
	.h-link{display:block;right: 80px;position: absolute;}
	.rd-navbar-toggle{ display:block}
	
	.n_product_detail .fl01 .left,.n_product_detail .fl01 .right{ width:100%; position:relative}
	.n_product_detail .fl01 .right{ padding:3rem 1.5rem}
	
	.n_fazhan .fl01 ul li h2{ font-size:20rem;}
	.n_fazhan .fl01 .tit{height: 20rem;}
	
	footer .fl01 .left{width:100%;text-align: center;}
	footer .fl01 .right{width:100%;text-align: center;}
	footer .fl01 .left ul{ display:none}
	footer .fl01 .right .img,footer .fl01 .right .con{width:100%;float:none;margin: 0;}
	footer .fl01 .right .con h3{ display:none}
}

@media(max-width: 1060px){
	
}

@media(max-width: 992px){
	.container05 .fl02 .right{ padding:0 0 0 3rem}
	
	
	.banner.ar_wap{display:block;margin-top: 75px;}
	.banner.ar_web{ display:none}
	.banner ul.miso-dots{display: none !important;}
	

	.header .content{ padding:0}
	.header .logo img{ height:40px}
	
	.sanji{ display:none}
	#m_n_nav{ display:block}
	
	.n_news .fl01{ padding:3rem 0 2rem}
	.n_news .fl01 ul{ margin:0 -7px;}
	.n_news .fl01 ul li{ padding:0 7px;}
	
	.n_zizhi .fl01{ padding:3rem 0 3rem}
	.n_zizhi ul{ margin:0 -7px;}
	.n_zizhi ul li{ padding:0 7px;}

	
	.n_zizhi .fl02 .left{ padding:5rem 0 0; width:37%}
	
	.lianxi_box .left{ width:100%; border-right:none; border-bottom:1px solid #e4e7e9}
	.lianxi_box .right{width:100%;max-width: 100%;padding: 3rem 0 0;}
	
	.n_news_detail{padding:3rem 0;overflow-x: hidden;}
	.n_news_detail .layui-col-xs12{ display:block}
	.n_news_detail .left{ display:block; width:100%; padding:0; margin-bottom:2rem}
	.n_news_detail .right{ display:block; width:100%}
	
	.n_talent{ padding:3rem 0}
	.n_talent .ul.miso_hd{ margin-bottom:2rem}
	.n_talent .ul.miso_bd .box .top{height:100px;padding: 29px 0 0;}
}

@media(max-width: 768px){
	.container02{ padding:90px 0 0}
	.container02 .left{padding:0 1rem;height: 90px;}
	.container02 .left ul li.miso-current a .icon{width: 100px;}
	.container02 .left ul li{margin-right:6px;height: 40px;}
	.container02 .left ul li a .icon{ width:40px; height:40px; border-radius:20px;}
	.container02 .left ul li a .icon img{ max-height:15px}
	.ban_po.ban_po01{ height:40px; line-height:40px;}
	.ban_po.ban_po01 .wrap p{ font-size:30px}
	.container02 .right .slider_for ul li .img{height:calc(100vh - 9.375rem - 75px - 18px - 90px);background-size: cover !important;}
	.container02 .right .slider_for .box .top .table_cell{ padding:0 10%}
	.container02 .right .slider_for .box .top h2{ font-size:18px;}
	.container02 .right .slider_for .box .top p{ font-size:12px;}
	.container02 .right .slider_for .box .top h3{margin-bottom: 2rem;height: auto;}
	.container02 .right .slider_for .box .top h3 img{ height:24px}
	.container02 .right .slider_for .miso-prev{ left:0; transform:scale(0.6)}
	.container02 .right .slider_for .miso-next{ right:0; transform:scale(0.6)}
	
	.container03 ul{margin:0 -7px;margin-bottom: 1rem;}
	.container03 ul li{ width:50%; padding:0 7px; margin-bottom:15px;}
	.container03 ul li a .con .icon{transform: scale(0.7);}

	
	.container03 ul li a .con{padding: 3rem 1rem 2rem;}
	.container03 .more a{width: 120px;font-size: 14px;height: 40px;line-height: 38px;}
	

	.container04 .content img{ height:12rem}
	.container04 .content h3{ font-size:18px}
	.container05 .fl01 ul li{ width:50%; margin:1rem 0}
	
	.container06 .content .box01{ width:100%;}
	.container06 .content .box02{ width:100%;}
	
	.container05 .fl02 .left{width:100%;margin-bottom: 2rem;}
	.container05 .fl02 .right{width:100%;padding: 0 1rem;}
	
	.container05{ padding:3rem 0}
	.container06{ padding:3rem 0}
	.container06 .content .box01 ul li a .img, .container06 .content .box01 ul li a .img img{height:220px;position: relative;z-index: 0;}
	.container06 .content .box01,.container06 .content .box02{ margin-bottom:15px}
	.container06 .content .box02 ul{ padding:15px 15px}
	.container06 .content .box02 ul li{ padding: 20px 0}
	.container06 .content .box02 ul li a h5{font-size:16px;margin: 15px 0 10px;}
	.container06 .content .box02 ul li a p{font-size:12px;line-height: 20px;height: 40px;}
	
	.container10{ display:none} 
	.container10 .nav01{ display:block; width:100%}
	.container10 ul{ display:block; width:100%}
	.container10 ul li{font-size:12px;line-height: 24px;margin-right:6px;height: 24px;}
	.container10 ul li a{ font-size:12px;}
	
	footer .fl01 .left p{ font-size:12px;}
	footer .fl01 .left .con h4 img{ height:18px}
	footer .fl01 .left .con h2{ font-size:20px}
	footer .fl01 .left p{ padding:0 15%}
	footer .fl01 .right .p{ margin-top:2rem}

	.h-link{ right:60px;}
	
	.n_banner{height: 140px;background-size: cover !important;}
	
	.n_about .tit .top h3{ margin-top:3rem}
	
	.n_about{ padding:2rem 0}
	
	.siji ul{padding:0 1rem;border: beige;}
	.siji ul li{margin-bottom:1rem;width: 33.33333%;margin-right: 0;text-align: center;}
	.siji ul li a{ height:30px; line-height:30px;}
	
	.page a{ width:40px; line-height:38px; height:40px;}
	
	.n_product_detail .fl01 .left .miso-prev, .n_product_detail .fl01 .left .miso-next{ transform:scale(0.6)}
	.n_product_detail .fl01 .left .miso-prev{ left:0}
	.n_product_detail .fl01 .left .miso-next{ right:0}
	
	.n_product_detail .fl02 p{ font-size:13px; line-height:26px;}

	.n_product_detail .fl02 .content{ padding:0 1.5rem 1.5rem}
	.siji:before,.siji:after{ display:none}
	
	.n_product_detail{ padding:2rem 0 0}
	.n_product_detail .siji{ margin-bottom:1.5rem}
	
	.n_yingyong ul{ margin:0 -7px; margin-bottom:0}
	.n_yingyong ul li{ width:50%; padding:0 7px; margin-bottom:3rem}
	.n_yingyong ul li a span{ width:110px;}
	.n_yingyong{ padding:3rem 0}
	.n_yingyong ul li a{ background-size:80% auto}
	.n_yingyong ul li a h3{line-height: 4rem;}
	.n_yingyong ul li a h3 img{ max-width:30px; max-height:30px;}
	.n_yingyong ul li a h5{margin-bottom: 1rem;}
	.n_yingyong ul li a p{padding:0 1rem;font-size:12px;margin-bottom: 1rem;}
	
	.n_fazhan .fl01 ul li h2{ font-size:10rem;}
	.n_fazhan .fl01 .tit{height: 10rem;}
	.n_fazhan .fl02 ul{ padding:0 2rem}
	.n_fazhan .fl02 .miso-prev{ left:0; transform:scale(0.8)}
	.n_fazhan .fl02 .miso-next{ right:0; transform:scale(0.8)}
	
	.n_news .fl01 ul li{ width:100%; margin-bottom:1rem}

	.n_news .fl02 ul{ padding:1rem}
	.n_news .fl02 ul li a span{ font-size:11px;}
	.n_news .fl02 ul li a span:before{ display:none}
	.n_news .fl02 ul li a{ padding-left:12px;}
	.n_news .fl02 ul li a:before{ left:0}
	.n_news .fl01 ul li .con h4{ font-size:14px;}
	
	.n_zizhi ul{ margin:0 -7px;}
	.n_zizhi ul li a{padding: 1rem 1rem 1.5rem;}
	.n_zizhi ul li a .img{ line-height:10rem}
	.n_zizhi ul li a .img img{ max-height:10rem}
	.n_zizhi ul li{ padding:0 7px; width:50%; margin-bottom:1rem}
	
	.n_zizhi .fl02 .left{ padding:1rem 0 0; width:100%; margin-bottom:2rem}
	.n_zizhi .fl02 .right{ width:100%}
	.n_zizhi .fl02 .left p{ font-size:16px;}
	
	.lianxi_box{ padding:2rem 1rem}
	.lianxi_box .right .ewm01{ text-align:center; padding:0}
	.lianxi_box .ewm{display:inline-block;float:none;font-size: 13px;}
	.lianxi_box .ewm img{width:10rem;height:10rem;margin-bottom: 10px;}
	.lianxi_box .tt h3{ font-size:24px}
	.lianxi_box .tt span{ font-size:14px; margin-left:0.25rem}
	.lianxi_box dl{ background-size:auto 18px!important; background-position:3px 0 !important}
	.lianxi_box dl dd p a{ display:block; margin-left:0}
	.lianxi_box .tt{ padding-bottom:2rem}
	
	.ar_article p{font-size:13px;line-height:26px;margin-bottom: 26px;}
	.dibu{ margin:3rem 0 0}
	.n_talent .ul.miso_bd{ margin-bottom:2rem}
	.n_talent .ul.miso_hd li h3{ height:32px}
	.n_talent .ul.miso_hd li h3 img{ height:18px;}
	.n_talent .ul.miso_hd:before{ top:32px;}
	.n_talent .ul.miso_hd li h5{ font-size:13px;}
	
	.container02 .left ul li a .icon .ii{ line-height:38px; height:40px}
	
	.container02 .left ul li.miso-current a .icon:before,.container02 .left ul li.miso-current a .icon:after{ display:none}
	.container03 ul li a .con h5{ margin-bottom:10px}
	
	.ar_article td, .ar_article th{ font-size:12px;}
	
	.n_talent .ul.miso_bd .box .con .ar_article{ height:auto !important; overflow:hidden}
	.rolling-top{ right:5%}
	
	.container01 .fl01{ padding:3rem 0 0}
	
	.container03 ul li a .con p{ font-size:12px; line-height:20px; height:40px;}
	.container05 .fl02 .right p{ font-size:12px; line-height:20px; height:60px;}
	.container06 .content .box01 ul li a .con h4{ font-size:16px; line-height:22px; height:44px;}
	.container06 .content .box01 ul li a .con p{ font-size:12px; line-height:20px; height:40px;}
	
	.container03 ul li a .img, .container03 ul li a .img img {
    overflow: hidden;
    width: 100%;
    height: 130px;
    object-fit: cover;}
}



@media(max-width: 456px){
	
}